<template>
  <el-dialog :title="$t('add.add132')" :visible.sync="dialogTableVisible" width="600" :close-on-click-modal="false">
    <div class="patientDetail">
      <div class="detail-list">
        <div class="d-item">
          <div>诊所名称</div>
          <div>{{ form.deptName }}</div>
        </div>
        <div class="d-item">
          <div>{{ $t('institutionSetting.jigou43') }}</div>
          <div v-if="form.businessLicenseFile">
            <img
              style="width: 100px; height: 100px; border-radius: 6px"
              :src="form.businessLicenseFile"
              alt=""
            />
          </div>
        </div>
        <div class="d-item">
          <div>{{ $t('institutionSetting.jigou47') }}</div>
          <div>{{ form.socialCreditCode }}</div>
        </div>
        <div class="d-item">
          <div>{{ $t('institutionSetting.jigou49') }}</div>
          <div v-if="form.medicalLicenseFile">
            <img
              style="width: 100px; height: 100px; border-radius: 6px"
              :src="form.medicalLicenseFile"
              alt=""
            />
          </div>
        </div>
        <div class="d-item">
          <div>{{ $t('institutionSetting.jigou52') }}</div>
          <div>{{ form.registerNo }}</div>
        </div>
        <div class="d-item">
          <div>{{ $t('institutionSetting.jigou48') }}</div>
          <div>{{ form.address }}</div>
        </div>
        <div class="d-item">
          <div>{{ $t('institutionSetting.jigou53') }}</div>
          <div v-if="form.statementFile">
            <img
              style="width: 100px; height: 100px; border-radius: 6px"
              :src="form.statementFile"
              alt=""
            />
          </div>
        </div>
        <div class="d-item">
          <div>{{ $t('institutionSetting.jigou12') }}</div>
          <div>{{ form.contact }}</div>
        </div>
        <div class="d-item">
          <div>{{ $t('institutionSetting.jigou14') }}</div>
          <div>{{ form.mobile }}</div>
        </div>
        <!-- <div class="d-item">
                    <div>{{ $t('add.add130') }}</div>
                    <div>{{ form.status }}</div>
                </div> -->

        <div class="d-item">
          <div>{{ $t('add.add133') }}</div>
          <div>{{ form.creatorName }}</div>
        </div>
        <div class="d-item">
          <div>{{ $t('add.add134') }}</div>
          <div>{{ form.createDate }}</div>
        </div>
        <div class="d-item">
          <div>审核状态</div>
          <div>
            <span v-if="form.auditStatus == 0">{{ $t('add.add018') }}</span>
            <span v-if="form.auditStatus == 1">已通过</span>
            <span v-if="form.auditStatus == 2">未通过</span>
          </div>
        </div>
        <!-- <div class="d-item">
                    <div>驳回原因</div>
                    <div>得瑟得瑟的</div>
                </div> -->
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button plain :size="optionButtonSize" @click="dialogTableVisible = false"
          >关 闭</el-button
        >
      </span>
    </div>
  </el-dialog>
</template>

<script>
export default {
  name: 'ZsDetail',

  data() {
    return {
      dialogTableVisible: false,
      form: {},
    };
  },

  mounted() {},

  methods: {},
};
</script>

<style lang="scss" scoped>
.patientDetail {
  padding: 0 30px;
  box-sizing: border-box;
  margin-bottom: 30px;

  .detail-list {
    .d-item {
      display: flex;

      div {
        width: 230px;
        margin-bottom: 8px;
      }

      div:first-child {
        font-weight: 500;
      }
    }
  }
}

.dialog-footer {
  float: right;
}
</style>
